<template>
<div class="shopimg">
    <router-link :to="{name:'utils',params:{proid:ite.proid}}" tag='li' v-for="(ite, index) of list" :key="index">
       <div class="img"><img :src="ite.proimg" alt=""></div>
      <p>{{ite.brand}}</p>
    </router-link>
 </div>
</template>

<script>
// import axios from '@/utils/request.js'
import Vue from 'vue'
import {
  GoodsAction,
  GoodsActionIcon,
  GoodsActionButton,
  Toast
} from 'vant'

Vue
  .use(GoodsAction)
  .use(GoodsActionIcon)
  .use(GoodsActionButton)
Vue.use(Toast)

export default {
  props: ['list']
}
</script>

<style lang='scss'>
 .shopimg{
   display: flex;
   flex-wrap: wrap;
   list-style: none;
   li{
     min-height: 100px;
     width: 85px;
     justify-content: center;
     text-align: center;
     margin:20px 0;
     .img{
       width:85px;
       height:100%;
       img{width: 85px;
       height:100%}
     }
   }
 }
</style>
